<template>
  <div class="oimg">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item> <img src="/oimg/1.png" alt=""> </van-swipe-item>
      <van-swipe-item> <img src="/oimg/2.png" alt=""> </van-swipe-item>
      <van-swipe-item><img src="/oimg/3.png" alt=""></van-swipe-item>
      <van-swipe-item><img src="/oimg/4.png" alt=""></van-swipe-item>
      <van-swipe-item><img src="/oimg/5.png" alt=""></van-swipe-item>
      </van-swipe>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.bannerimg{
    width: 3.43rem;
    height: 1.16rem;
    margin: 0.07rem auto;
    overflow: hidden;
    border-radius: 0.05rem;
    
}
.oimg{
    width: 3.45rem;
    height:1.16rem;
    /* background-color:aqua; */
    margin: auto;
  }
.bannerimg>img{
    width: 3.43rem;
    height: 1.16rem;
}
.my-swipe .van-swipe-item {
    color: #fff;
    font-size: .2rem;
    line-height: 1.16rem;
     height: 1.2rem;
    text-align: center;
  }
  .van-swipe-item>img{
      width: 3.45rem;
    height: 1.15rem;
    border-radius: .1rem;
  }
</style>